<%@ include file="htmlHead.jsp" %>
<link rel="stylesheet" type="text/css" href="${path}/css/login.min.css" />
<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<%@ page pageEncoding="utf-8" %>
<body>
<div style="display: none" id="data">
    <input type="hidden" id="inactiveUserId" value="${param['userId']}">
</div>
<div id="glodon_content_wrap">
    <%@ include file="header.jsp" %>
    <div id="glodon_container" class="glodon-container">
    	<div class="glodon_section_wrap ">
	         <div class="mod-login">
	             <section id="glodon_login_section">
	                 <form method="post" action="${path}/j_spring_security_check" id="glodon_login">
	                     <input type="hidden" name="service" value="${param['service']}"/>
	                     <input type="hidden" name="hybrid" value="${param['hybrid']}"/>
	                     <input type="hidden" name="oauth_token" value="${param['oauth_token']}"/>
	                     <input type="hidden" name="identity" value="${param['openid.identity']}"/>
	                     <input type="hidden" name="claimedId" value="${param['openid.claimed_id']}"/>
	                     <div id="glodon_login_container" class="clearfix">
	                         <ul>
	                         	<li class="clearfix">
	                                 <div class="control-group">
	                                     <div class="controls">
	                                     	<div class="login-type"><p><%= "document".equals(request.getParameter("service")) ? "云文档" : "云通行证"%></p></div>
	                                     </div>
	                                 </div>
	                             </li>
	                             <li class="clearfix">
                                      <h2 class="signIn login-titlerow">会员登录</h2>
	                             </li>
	                             <li class="clearfix">
	                                 <div class="control-group">
	                                     <div class="controls login-inprow">
	                                         <label for="userName_str" class="inp-label username-label">email / 手机号</label>
	                                         <input autofocus="true" type="text" value="" name="j_username" id="userName_str" placeholder="email / 手机号">
	                                     </div>
	                                 </div>
	                             </li>
	                             <li class="clearfix">
	                                 <div class="control-group">
	                                     <div class="controls login-inprow">
	                                         <label for="password_str" class="inp-label username-label">密码</label>
	                                         <input type="password" value="" name="j_password" id="password_str" placeholder="密码">
	                                     </div>
	                                 </div>
	                             </li>
	                             <li class="clearfix custom_checkbox">
	                                 <div class="login-inprow">
	                                     <label id="glodon_remember_me" for="rememberMe" class="glodon_checkbox">
	                                     <input type="checkbox" name="rememberMe" id="rememberMe"/>保持我的登录状态</label>
	                                 </div>
	                             </li>
	                         </ul>
	                     </div>
	                     <div id="glodon_login_error" class="${param.error == true ? 'login_error' : ''}"></div>
	                     <div id="glodon_submit" class="glodon-submit">
	                         <div class="row">
	                             <div class="span4">
	                             	<a class="btn btn-primary btn-large" href="#" data-loading-text="正在登录....">登录</a>
	                             	<a data-toggle="modal" class="fPassword" href="#glodon_fwd_dlg">忘记密码?</a>
                             	</div>
	                         </div>
	                     </div>
	                     <div class="error-msg" id="error-msg"></div>
	                     <div class="glodon-register">
	                     	<a class="btn btn-large btn-warning" href="/account/register?service=${param['service']}&hybrid=${param['hybrid']}&oauth_token=${param['oauth_token']}&openid.identity=${param['openid.identity']}&openid.claimed_id=${param['openid.claimed_id']}&userId=${param['userId']}&email=${param['email']}">免费注册账号</a>
	                     </div>
	                 </form>
	             </section>
	         </div>
	         <div class="mod-login-triangle"></div>
         </div>
    </div>
    <div id="glodon_fwd_dlg" class="modal hide fade in">
        <div id="sendEmail" class="mod-forget-pwd">
            <div class="modal-header">
            	<h3>忘记密码?</h3>
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                <section>
                    <form method="post" id="resetForm">
                        <div class="control-group">
                            <label for="resetEmail" class="control-label">请输入你的账号：</label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span>
                                    <input type="text" name="email" id="resetEmail" class="span3">
                                    <span> <button class="btn" type="submit">确认</button></span>
                                    <span id="resetFormMsg" data-msg="用户名不存在" data-fmsg="发送失败"></span>
                                </div>
                            </div>
                        </div>
                    </form>
                </section>
            </div>
        </div>
        <div id="email_success" style="display:none">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                <h3>已发送密码重置电子邮件</h3>
                <div>已向您输入的地址发送允许重置密码的邮件。请在 1 天内点击邮件中的链接重置密码。</div>
            </div>
            <div class="modal-footer">
                <a class="btn" href="#" data-dismiss="modal">我知道了</a>
            </div>
        </div>
    </div>
    <%@ include file="footer.jsp" %>
</div>
</body>
<script src="${path}/js/login.min.js"></script>
</html>
